<!--
 * @Descripttion: 
 * @version: 
 * @Author: siebe
 * @Date: 2021-06-29 14:49:36
 * @LastEditors: siebe
 * @LastEditTime: 2021-06-29 18:09:20
-->
<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>爱学术-为科研工作者导航</title>
    <link rel="icon" href="../assets/images/favicon.ico" />
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="./layui/css/layui.css">

    <link rel="stylesheet" href="./layui/css/login.css">
</head>

<body>

    <div class="login">
        <div class="title">X学术导航管理平台</div>
        <form class="layui-form layui-form-pane" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">账号</label>
                <div class="layui-input-inline">
                    <input type="text" name="title" required lay-verify="required" placeholder="请输入账号"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="text" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">验证码</label>
                <div class="layui-input-inline" style="width: 120px;">
                    <input type="text" name="code" required lay-verify="required" placeholder="请输入验证码"
                        autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux code">验证码gDcR</div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn layui-btn-lg layui-btn-fluid" lay-submit lay-filter="formDemo">立即登录</button>
            </div>
            <div class="layui-form-item">
                <span style="padding-right:10px;float: right;"> <a href="/user/forget">忘记密码？</a> </span>
            </div>
        </form>
    </div>
    <div class="bottom-cover"></div>
    <!-- 引入 layui.js -->
    <script src="./layui/layui.js"></script>
    <script>
        layui.use('form', function () {
            var form = layui.form;
            form.render();
            //监听提交
            form.on('submit(formDemo)', function (data) {
                layer.msg(JSON.stringify(data.field));
                return false;
            });
        });
    </script>
</body>

</html>